<script type='text/javascript' language='javascript'>
//VARS
var url_base = "<?php echo base_url(); ?>";

$(document).ready(function(){
     /** Ampliar Imagem **/
     $('.ampli_img').lightBox({
         imageLoading: url_base + 'assets/img/lightbox-ico-loading.gif',
         imageBtnClose: url_base + 'assets/img/lightbox-btn-close.gif',
         imageBtnPrev: url_base + 'assets/img/prev.gif',
         imageBtnNext: url_base + 'assets/img/next.gif',
         imageBlank: url_base + 'assets/img/lightbox-blank.gif',
         containerResizeSpeed: 350,
         txtImage: 'Identidade visual da biblioteca',
         txtOf: 'de'
     });

     /** Volta para o top da página **/
     $('.img_top').click(function(){
         scroll_to("#page-content");
     });

    /** MASCARAS **/
    $("#telefone").mask("(099) 9999-9999");
    $("#data_nascimento").mask("99/99/9999");
    $("#limite_emprestimo, #limite_item_emprestimo, #periodo_multa").numeric();
    $("#valor_multa").maskMoney();
    
    /** DATA **/
    $( "#data_implantacao" ).datepicker({
        dateFormat: 'dd/mm/yy',
        changeMonth: true,
        changeYear: true
    });
    
    /** Valida Imagem */
    $('#imagem').change(function(){
        if((document.form_insert.imagem.value.lastIndexOf(".png")==-1)){
            document.form_insert.imagem.value = "";
            alert("Este arquivo não possui uma extensão válida!" +
                "\n Extensão permitida: .png");
        }else {
            $('#fakeImagem_logomarca').val($('#imagem').val());
            $('.img_logomarca').fadeOut();
        }
    });

    /** Remover imagem caso selecionada */
    $('#remove_imagem_logomarca').click(function(){
        $('.img_logomarca').fadeOut();
        $('#imagem, #fakeImagem_logomarca').val("");
    });
    
    
    $('#auto_multa').change(function() {
        if($(this).val() == 1) {
            $('#group_multa').fadeIn();
        }else {
            $('#group_multa').fadeOut();
        }
    });
    
    $("#auto_multa option:selected").val() == 1 ? $('#group_multa').fadeIn() : $('#group_multa').hide();
    
    
    $('#email_status').change(function() {
        if($(this).val() == 1) {
            $('#group_email').fadeIn();
        }else {
            $('#group_email').fadeOut();
        }
    });
    
    $("#email_status option:selected").val() == 1 ? $('#group_email').fadeIn() : $('#group_email').hide();
    
    $("#valid_email").click(function(){
        $("#loading-data").fadeIn();
        $.ajax({
            url: url_base + 'config/valid_config_email',
            type:'POST',
            dataType: 'json',
            data: { nome: $('#nome').val(), smtp_host: $('#smtp_host').val(), smtp_port: $('#smtp_port').val(), smtp_user: $('#smtp_user').val(), smtp_pass: $('#smtp_pass').val() },
            success: function(data){
                $("#loading-data").fadeOut();
                $("#dialog h2").html("E-Mail validado com sucesso!");
                dialog_valid_email('Foi enviado uma mensagem para o seguinte endereço: <h2 style="color: #cc0000;">' + $('#smtp_user').val() + '</h2> Verifique seu e-mail. <br /><br /><h3>Não esqueça de salvar as alterações feitas...</h3>');
            },
            error: function (data){ //Erro do back-end
                $("#loading-data").fadeOut();
                dialog_valid_email('Não foi possível validar os parâmetros do e-mail. <br /> Verifique os dados e tente novamente.<br /><br />' + data.responseText + '<br /><span style="font-style: italic; font-weight: bold;">Sem dados válidos não será possível utilizar o módulo de e-mail.</em>');
            }
        });
    });
}); 

/*
 * DIALOG para confirmar remoção do item (magazine)
 */
function dialog_valid_email(message) {
    $("#infor_valid_email").html(message);

    $("#dialog").dialog({
        height: 250,
        width: 500,
        resizable: false,
        draggable: true,
        modal: true,
        buttons: {
            'Ok': function() {
                $(this).dialog('close');
            }
        }
    });
}
</script>
<div id="loading-data" class="loading_item">
    <img src="<?php echo site_url('assets/img/loading.gif'); ?>" width="220" height="20"/>
</div>
<section>
    <form action="<?php echo site_url('config/atualizar'); ?>" name="form_insert" id="form-insert-config" method="post" accept-charset="utf-8"  enctype="multipart/form-data">
        <fieldset>
            <div id="content_form">
                <input type="hidden" name="codigo" value="<?php echo set_value('codigo', isset($config->id) ? $config->id : ''); ?>">
                <header>
                    <h2>Parâmetros de identidade</h2>
                </header>
                
                <label>
                    <p>Name da biblioteca*:</p>
                    <input class="input1" autofocus="autofocus" type="text" name="nome" id="nome" value="<?php echo set_value('nome', isset($config->nome_instituicao) ? $config->nome_instituicao : ''); ?>" required/>
                </label>
                <label>
                    <p>Endereço*:</p>
                    <input type="text" name="endereco" placeholder="Informe o endereço da biblioteca" value="<?php echo set_value('endereco', isset($config->endereco) ? $config->endereco : ''); ?>" required/>
                </label>
                <label>
                    <p>Telefone:</p>
                    <input type="text" name="telefone" id="telefone" placeholder="Informe o telefone de contato" value="<?php echo set_value('telefone', isset($config->telefone) ? $config->telefone : ''); ?>"/>
                </label>
                <label>
                    <p>Email*:</p>
                    <input type="email" name="email" placeholder="Informe o e-mail de contato" value="<?php echo set_value('email', isset($config->email) ? $config->email : ''); ?>" required/>
                </label>
                <label>
                    <p>Logomarca*: <i>Só é possível inserir imagem no formato <b>PNG</b>. É recomendado imagem com background transparente.</i></p>
                    <a href="<?php echo Main::get_logomarca(); ?>" class="ampli_img img_logomarca" title="Ampliar imagem"><img src="<?php echo Main::get_logomarca(); ?>" width="170"/><br /></a>
                    <span class="selInputFile">
                        <span>
                            <input type="hidden" name="imagem_original_logomarca" value="<?php echo set_value('imagem_original_logomarca', 'logo.png'); ?>"/>
                            <input type="text" placeholder="Clique aqui para inserir a imagem" name="fakeImagem_logomarca" id="fakeImagem_logomarca" autocomplete="off" value="<?php echo set_value('fakeImagem_logomarca', 'logo.png'); ?>" required/><!-- este e somente para aparecer o nome do arquivo para o usuario -->
                            <input type="file" name="imagem" id="imagem" value="<?php echo set_value('imagem'); ?>" autocomplete="off"/>
                        </span>
                        <a class="pointer" title="Remover imagem" id="remove_imagem_logomarca">
                            <img align="center" src="<?php echo site_url('assets/img/delete.png'); ?>"/>
                        </a>
                    </span>
                </label>
                <label>
                    <p>Data de implantação*: <i>Data em que o sistema começou a ser utilizado.</i></p>
                    <input type="text" name="data_implantacao" id="data_implantacao" value="<?php echo set_value('data_implantacao', isset($config->data_implantacao) ? format_date($config->data_implantacao, FALSE) : ''); ?>" placeholder="Digite a data de implantação XX/XX/XXXX" required/>
                </label>
                
                <header>
                    <h2>Parâmetros de empréstimos</h2>
                </header>
                <label>
                    <p>Limite de empréstimos*:<i> Limite de empréstimos ATIVOS por usuário.<br />Bloqueia a realização de novos empéstimos caso o valor ATIVO ultrapassar o valor abaixo.</i></p>
                    <input type="number" name="limite_emprestimo" id="limite_emprestimo" maxlength="2" placeholder="Informe o total. Apenas números" value="<?php echo set_value('limite_emprestimo', isset($config->limit_emprestimo) ? $config->limit_emprestimo : ''); ?>" required/>
                </label>               
                <label>
                    <p>Limite de itens por empréstimo*:<br /><i>Não será possível realizar empréstimo se o valor de itens solicitado ultrapassar esse limite.</i></p>
                    <input type="number" name="limite_item_emprestimo" id="limite_item_emprestimo" maxlength="2" placeholder="Informe o total. Apenas números" value="<?php echo set_value('limite_item_emprestimo', isset($config->limit_item_emprestimo) ? $config->limit_item_emprestimo : ''); ?>" required/>
                </label>
                
                <header>
                    <h2>Parâmetros de e-mail</h2>
                </header>
                <label>
                        <p>Módulo para envio de e-mail?*<br /><i>Se o módulo estiver desativado, ficará indisponível qualquer ação relativa ao envio de e-mail.</i></p>
                        <?php echo form_dropdown('email_status', array(0 => 'DESATIVADO', 1 => 'ATIVADO'), set_value('email_status', isset($config->modulo_email_status) ? $config->modulo_email_status : ''), 'id="email_status"'); ?>                    
                </label>
                <span id="group_email">
                    <label>
                        <p>Host SMTP*:</p>
                        <input type="text" name="smtp_host" id="smtp_host" placeholder="Informe o endereço do servidor SMTP" value="<?php echo set_value('smtp_host', isset($config->smtp_host) ? $config->smtp_host : ''); ?>"/>
                    </label>
                    <label>
                        <p>Porta SMTP*:</p>
                        <input type="number" name="smtp_port" id="smtp_port" placeholder="Apenas números" value="<?php echo set_value('smtp_port', isset($config->smtp_port) ? $config->smtp_port : ''); ?>"/>
                    </label>
                    <label>
                        <p>E-Mail SMTP*:</p>
                        <input type="email" name="smtp_user" id="smtp_user" placeholder="Informe o e-mail SMTP" value="<?php echo set_value('smtp_user', isset($config->smtp_user) ? $config->smtp_user : ''); ?>"/>
                    </label>
                    <label>
                        <p>Senha do e-mail SMTP*:</p>
                        <input type="password" name="smtp_pass" id="smtp_pass" placeholder="Informe a senha do e-mail SMTP" value="<?php echo set_value('smtp_pass', isset($config->smtp_pass) ? $config->smtp_pass : ''); ?>"/>
                    </label>
                    <a id="valid_email" class="button pointer" title="Ao clicar no botão um e-mail será enviado pata você!">Validar configuração do e-mail</a><br /><br />

                    <header>
                        <h2>Parâmetros de multas por atraso de empréstimo</h2>
                    </header>
                    <label>
                        <p>Auto Multa*: <i>Aplicar multa automaticamente?<br />O Sistema ficará encarregado de aplicar as multas automaticamente de acordo com os parâmetros fornecidos.</i></p>
                        <?php echo form_dropdown('auto_multa', array(0 => 'NÃO', 1 => 'SIM'), set_value('auto_multa', isset($config->auto_multa) ? $config->auto_multa : ''), 'id="auto_multa"'); ?>
                    </label>
                    <div id="group_multa">
                        <label>
                            <p>Período de atraso*: <i>Informe em dias o intevalo que a multa deve ser aplicada.<br />Ex. 7, a cada 7 dias de atraso o sistema aplica/atualiza a multa. </i></p>
                            <input type="number" name="periodo_multa" id="periodo_multa" maxlength="4" placeholder="Informe o total de dias. Apenas números" value="<?php echo set_value('periodo_multa', isset($config->periodo_multa) ? $config->periodo_multa : ''); ?>"/>
                        </label>  
                        <label>
                            <p>Valor da multa*: <i>Valor utilizado para aplicação da multa automática.</i></p>
                            <input type="text" name="valor_multa" id="valor_multa" placeholder="Informe o valor" value="<?php echo set_value('valor_multa', isset($config->valor_multa) ? $config->valor_multa : ''); ?>"/>
                        </label>
                        <label>
                            <p>Ativar alerta de multa?*<br /><i>Quando for aplicada ou atualizada a multa, o sistema envia um e-mail para o usuário multado.</i></p>
                            <?php echo form_dropdown('alerta_multa', array(0 => 'NÃO', 1 => 'SIM'), set_value('alerta_multa', isset($config->alerta_multa) ? $config->alerta_multa : '')); ?>                    
                        </label>
                    </div>
                </span>
                
                <header>
                    <h2>Parâmetros extras</h2>
                </header>                
                <label>
                    <p>Tema*:</p>
                    <?php echo form_dropdown('tema', $config->tema(FALSE), set_value('tema', isset($config->tema) ? $config->tema : '')); ?>
                </label>
                <label>
                    <p>Timezone*: <i>Fuso horário</i></p>
                    <?php echo form_dropdown('timezone', $config->timezone(FALSE), set_value('timezone', isset($config->timezone) ? $config->timezone : '')); ?>
                </label>
                <input type="submit" value="Atualizar configurações" id="bt_submit" class="button">&nbsp;
                <a href="<?php echo base_url(); ?>" class="button pointer">Cancelar</a><br /><br />
            </div>
        </fieldset>
    </form>
</section>
<div id="dialog" class="hide">
    <h2>Atenção!</h2>
    <div id="infor_valid_email"></div>
</div>